@charset "utf-8";
.main {
    width: 1234px;
    margin: 0 auto;
}


/* head  start  */

.nav {
    border-bottom: 1px solid;
    height: 140px;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
}

.head {
    height: 105px;
    padding-top: 35px;
}

.head .head-box1 {
    height: 22px;
    display: flex;
    justify-content: space-between;
}

.head .head-box1 .h-b-left {
    width: 215px;
    height: 22px;
    padding-left: 20px;
}

.head .head-box1 .h-b-left a {
    color: #000;
    font-size: 14px;
}

.head .head-box1 .h-b-left span:hover a {
    border-bottom: 1px solid;
}

.head .head-box1 .h-b-cen {
    width: 190px;
    height: 22px;
    text-align: center;
    letter-spacing: 10px;
    line-height: 22px;
}

.head .head-box1 .h-b-cen a {
    font-size: 20px;
    color: #000;
    font-weight: bolder;
}

.head .head-box1 .h-b-right {
    width: 235px;
    height: 22px;
}

.head .head-box1 .h-b-right .dl {
    margin-right: 25px;
    margin-left: 95px;
}

.head .head-box1 .h-b-right .sousuo {
    margin-left: 15px;
}

.head .head-box1 .h-b-right a {
    font-size: 14px;
    color: #000;
}

.head .head-box1 .h-b-right span:hover a {
    border-bottom: 1px solid;
}

.head .head-box2 {
    height: 35px;
    width: 660px;
    margin-top: 46px;
    margin-left: 325px;
}

.head .head-box2 li {
    float: left;
    margin-right: 80px;
}

.head .head-box2 li>a {
    color: #000;
    font-size: 14px;
}

.head .head-box2 li:hover>a {
    border-bottom: 3px solid;
    padding: 12px 0;
}


/* head  end  */


/* shade   start */

.head .head-box2 li .indexShade {
    width: 1147px;
    height: 395px;
    background: #fff;
    top: 141px;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    padding: 55px 100px 0 100px;
}

.head .head-box2 li:hover .indexShade {
    display: block;
}

.head .head-box2 li .indexShade .shadeL {
    margin-right: 60px;
}

.head .head-box2 li .indexShade .shadeR {
    display: flex;
    justify-content: space-evenly;
}

.head .head-box2 li .indexShade .shadeR dt {
    margin-bottom: 36px;
}

.head .head-box2 li .indexShade .shadeR dt a {
    font-size: 14px;
    font-weight: bolder;
    color: #000;
}

.head .head-box2 li .indexShade .shadeR dt:hover a {
    border-bottom: 1px solid;
}

.head .head-box2 li .indexShade .shadeR dd {
    color: #8a8a8a;
    margin-bottom: 18px;
}

.head .head-box2 li .indexShade .shadeR dd a {
    color: #8a8a8a;
    padding: 0;
    font-size: 14px;
}

.head .head-box2 li .indexShade .shadeR dd:hover a {
    border-bottom: 1px solid;
}

.head .head-box2 li .indexShade .shadeR .shadeBox1 {
    width: 170px;
    height: 395px;
}

.head .head-box2 li .indexShade .shadeR .shadeBox2 {
    width: 170px;
    height: 395px;
}

.head .head-box2 li .indexShade .shadeR .shadeBox3 {
    width: 170px;
    height: 395px;
}

.head .head-box2 li .indexShade .shadeR .shadeBox4 {
    width: 170px;
    height: 395px;
}

.head .head-box2 li .indexShade .shadeR .shadeBox5 {
    width: 170px;
    height: 395px;
}


/* shead   end */


/* lady   start */

.lady .nvshi {
    height: 84px;
    text-align: center;
    line-height: 84px;
    font-size: 24px;
    font-weight: bolder;
}

.lady .imgBox1 {
    border-bottom: 8px solid#fff;
}

.lady .imgBox1 img {
    width: 100%;
    height: 100%;
}

.lady .imgBox2 {
    border-bottom: 8px solid#fff;
}

.lady .imgBox2 img {
    width: 100%;
    height: 100%;
}

.lady .imgBox3 {
    border-bottom: 8px solid#fff;
}

.lady .imgBox3 img {
    width: 100%;
    height: 100%;
}

.lady .imgBox4 {
    border-bottom: 8px solid#fff;
}

.lady .imgBox4 img {
    width: 100%;
    height: 100%;
}

.lady .imgBox5 {
    border-bottom: 8px solid#fff;
}

.lady .imgBox5 img {
    width: 100%;
    height: 100%;
}


/* lady   end */


/* content start */

.line5 {
    border-bottom: 8px solid#fff;
}

.line5 img {
    width: 100%;
    height: 100%;
}

.line5 .search5 {
    width: 392px;
    height: 74px;
    background: #000;
    top: 0;
    bottom: 0;
    left: -34px;
    right: 0;
    margin: auto;
    text-align: center;
    line-height: 74px;
    cursor: pointer;
}

.line5 .search5 .s1 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 25px 142px;
}

.line5 .search5:hover {
    transform: translateY(-6px);
    transition: all .3s;
}

.line5 .search5 .sousuo {
    top: 0;
    bottom: 0;
    left: 0;
    right: 300px;
    margin: auto;
}

.line5 .search5 .sousuo span {
    color: #fff;
    font-size: 20px;
}


/* content  end  */


/* footer  start   */

.footer1 {
    height: 165px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid#ccc;
    background: #F6F6F6;
    padding-top: 35px;
}

.foot1 .foo1Box1 {
    width: 208px;
    height: 46px;
    float: left;
}

.foot1 .foo1Box1 h3 {
    font-weight: bold;
    margin-bottom: 13px;
}

.foot1 .foo1Box1 span {
    color: #ccc;
}

.foot1 .foo1Box2 {
    width: 288px;
    height: 62px;
    border-bottom: 1px solid;
    float: left;
    margin-left: 120px;
}

.foot1 .foo1Box2 input {
    width: 280px;
    height: 38px;
    background: #F6F6F6;
    color: #ccc;
    font-size: 18px;
    padding-top: 20px;
}

.foot1 .foo1Box3 {
    width: 286px;
    height: 96px;
    padding-top: 30px;
    float: left;
    margin-left: 30px;
    color: #ccc;
}

.foot1 .foo1Box4 {
    width: 284px;
    height: 72px;
    background: #767676;
    float: right;
    text-align: center;
    line-height: 72px;
}

.foot1 .foo1Box4 a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.foot1 .foo1Box4:hover {
    transform: translateY(-6px);
    transition: all .3s;
}

.footer2 {
    height: 234px;
    border-bottom: 2px solid#ccc;
    background: #F6F6F6;
    padding-top: 72px;
}

.foot2 .foo2Box {
    width: 650px;
    height: 260px;
    display: flex;
    justify-content: space-between;
}

.foot2 .foo2Box1 {
    width: 215px;
    height: 230px;
}

.foot2 .foo2Box2 {
    width: 215px;
    height: 230px;
}

.foot2 .foo2Box3 {
    width: 215px;
    height: 230px;
}

.foot2 .foo2Box h3 {
    font-weight: bold;
    margin-bottom: 38px;
}

.foot2 .foo2Box li {
    margin-bottom: 15px;
}

.foot2 .foo2Box li a {
    font-size: 14px;
    color: #ccc;
}

.foot2 .foo2Box li:hover a {
    border-bottom: 1px solid;
}

.kou {
    height: 45px;
    background: #F6F6F6;
}


/* footer  end  */